@charset "UTF-8";
/*===首页===*/
.home-nav { display: box; display: -webkit-box; display: -moz-box; width: 100%; height: 56px; background-color: #FC6B00; }
.home-nav a { box-flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; display: block; }
.home-nav .logo { text-align: center; background-color: #FC6B00; width: 90px; height: 56px; overflow: hidden; text-align: center; display: table-cell; vertical-align: middle; }
.home-nav .logo img { max-width: 90px; max-height: 56px; vertical-align: middle; }
.home-nav .item { padding-top: 33px; line-height: 23px; color: #FFFFFF; text-align: center; }
.home-nav .item .cart-num { position: absolute; top: 0; margin-left: -20px; width: 20px; height: 20px; line-height: 20px; border-radius: 10px; background: #333; }
.home-nav .bg1 { background: url(footer_01.png) no-repeat 50% 10px; }
.home-nav .bg2 { background: url() no-repeat 50% 10px; }
.home-nav .bg3 { background: url() no-repeat 50% 10px; }
.home-nav .bg4 { background: url() no-repeat 50% 10px; }
.home-nav .bg5 { background: url() no-repeat 50% 10px; }

.home-nav-down { text-align: center; color: #666; background-color: #f7f7f7;border-top:1px solid #d8d8d8;position: fixed; left: 0; right:0; bottom:0;z-index: 999999 }
.home-nav-down td {height: 55px; vertical-align: middle; font-size: 12px;padding-top: 5px }
.home-nav-down td a { display: block; color: #666; text-align: center }
.home-nav-down .item1{background: url(../img/index-on.png) no-repeat center; display:inline-block; width: 25px; height: 24px; background-size: cover}
.home-nav-down .item2{background: url(../img/footer_02.png) no-repeat center; display:inline-block; width: 25px; height: 25px; background-size: cover}
.home-nav-down .item3{background: url(../img/footer_03.png) no-repeat center; display:inline-block; width: 25px; height: 25px; background-size: cover}
.home-nav-down .item4{background: url(../img/footer_04.png) no-repeat center; display:inline-block; width: 25px; height: 25px; background-size: cover}
.home-nav-down .item5{background: url(../img/footer_05.png) no-repeat center; display:inline-block; width: 25px; height: 25px; background-size: cover}

.home-to-top { position: relative; padding: 10px 0; text-align: center; }
.home-to-top .to-top { position: fixed; bottom: 100px;right: 10px; margin-right: 4px; color: #666; /*background: url(./top.png)no-repeat 100% 2px;*/  }
.home-to-top .to-top img{height: 30px;position: relative;top: -8px;right: 9px}
.header-wrap{overflow: hidden; height: 48px; position:fixed; left:0; right:0; top:0; z-index:999; background: #00a1f2}
.s-wrap{width: 75%; float: left}
.c-wrap{width: 20%; float: left; text-align: center; padding-top: 10px;}
.k-wrap{z-index: 999999;position: fixed;bottom: 60px;right: 17px}
.k-wrap a{display: inline-block;}
.k-wrap a img{width: 45px;border-radius: 0px;}
.c-wrap a{display: inline-block; width: 34px;}
.c-wrap a img{width: 90%}
.search { position: relative; height: 48px; background-color: #00a1f2; margin: 0px;padding:7px 0px 0 10px; }
.search .key { display: block; padding-left:35px;  background-color: #FFFFFF; border: none; width: 100%; height: 34px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; }
.search .submit { width: 28px; height: 17px; position: absolute; top: 15px; left: 15px; background:url("../img/search.png") no-repeat; border: none;background-size: contain; }

.main-banner { position: relative; height: 160px;  background-color: #FFFFFF; }
.main-banner .slider { min-height: 160px; }
.main-banner .slider-item { float: left;  width: 100% }
.main-banner .slider-item img { display: block; width: 100%;  }
.main-banner .slider-point { position: absolute; width: 100%; bottom: 0px; }

.home-login { margin-bottom: 12px; }
.home-login .login { box-flex: 2; -webkit-box-flex: 2; -moz-box-flex: 2; padding-right: 12px; }
.home-login .reg { box-flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; }

.home-logon { margin-bottom: 12px; padding: 5px; text-align: center; background: #eee; }
.home-logon .left { display: inline-block; padding: 0 5px; border-right: 1px solid #ddd; }
.home-logon a { display: inline-block; padding: 0 5px; border-left: 1px solid #fff; }

.home-hot .panel { padding: 5px 0; }
.content-main{overflow: hidden; background: #fff}
.content-main .pt-item { float: left; width: 33.3333%;  border: 1px solid #ddd; border-top: none;border-right: none}
.content-main .pt-item:nth-child(3n+0) {width: 33.3333%;}
.content-main .pt-item:nth-child(3n+1) {margin-left:-1px}
.content-main .pt-img { width: 100%; overflow: hidden; text-align: center;vertical-align: middle; }
.content-main .pt-img img { width:100%; vertical-align: middle; }
.content-main .price { font-size: 12px; line-height: 25px; text-align: center; color: #ff3131; font-size: 1rem; font-weight: bold; overflow: hidden }
.content-main .pt-name { font-size: 13px; height: 36px; line-height: 18px; text-align: center; margin: 5px 0; overflow: hidden; }
/*.content-main .price span.joincar { background:url("join_car.png") no-repeat 45%; color: #fff; display: inline; float: right; height: 20px;
    line-height: 20px; padding-right: 10px; text-align:center; font-size: 12px; margin-right: 5px;}
.content-main .price span { color: #ff3131; font-size: 1rem; font-weight: bold;  padding: 0;}*/


.content-mainb .price span.joincar { background:url("join_car.png") no-repeat 45%; color: #fff; display: inline; float: right; height: 20px;
    line-height: 20px; padding:0 5px; text-align:center; font-size: 12px; margin-right: 5px; font-weight: normal;display:none}
.content-mainb .price span { color: #ff3131; font-size: 1rem; font-weight: bold;  padding: 0;}

.content-mainb.three-row .price span.joincar,.content-mainb.two-row .price span.joincar{display:block}

.content-mainb{overflow: hidden; margin-top: 5px; background: transparent !important; margin-left: -3px;margin-right: -3px;}
.content-mainb .pt-item { float: left; width: 25%; padding-left: 3px; padding-right: 3px;}
.content-mainb .pt-item a{ display: block; background: #fff }
.content-mainb .pt-img { width: 100%;height: auto; overflow: hidden; text-align: center;}
.content-mainb .info {  padding:0 5px; color:#888}
.content-mainb .pt-img img { width: 100%; vertical-align: middle; }
.content-mainb .price { font-size: 13px; line-height: 25px; margin-bottom: 5px; }
.content-mainb .pt-name { font-size: 13px; height: 36px; line-height: 18px; margin: 5px 0; overflow: hidden; }

.two-row .pt-item { float: left; width: 50%;}
.three-row .pt-item { float: left; width: 33.333333%;}



.home-brand .title { position: relative; height: 37px; line-height: 37px; font-weight: bold; }
.home-brand .title .arr { position: absolute; top: 50%; right: 10px; margin-top: -3px; }
.home-brand .brand-list { border-top: 1px solid #BFBFBF; border-right: 1px solid #BFBFBF; border-bottom: 1px solid #BFBFBF; }
.home-brand .brand-item { float: left; width: 74px; height: 29px; overflow: hidden; text-align: center; display: table-cell; vertical-align: middle; border-left: 1px solid #BFBFBF; }
.home-brand .brand-item img { max-width: 74px; max-height: 29px; vertical-align: middle; }
.home-brand .brand-item:nth-child(4n+0) { width: 73px; height: 29px; overflow: hidden; text-align: center; display: table-cell; vertical-align: middle; }
.home-brand .brand-item:nth-child(4n+0) img { max-width: 73px; max-height: 29px; vertical-align: middle; }

.home-comment .title, .home-concessions .title { position: relative; height: 37px; line-height: 37px; font-weight: bold; }
.home-comment .title .arr, .home-concessions .title .arr { position: absolute; top: 50%; right: 10px; margin-top: -3px; }
.home-comment .comment-list, .home-comment .concessions-list, .home-concessions .comment-list, .home-concessions .concessions-list { padding-bottom: 20px; }
.home-comment .comment-list .comment-item, .home-comment .comment-list .concessions-item, .home-comment .concessions-list .comment-item, .home-comment .concessions-list .concessions-item, .home-concessions .comment-list .comment-item, .home-concessions .comment-list .concessions-item, .home-concessions .concessions-list .comment-item, .home-concessions .concessions-list .concessions-item { margin-top: 2px; background: #f5f5f5; }
.home-comment .comment-list .comment-item a, .home-comment .comment-list .concessions-item a, .home-comment .concessions-list .comment-item a, .home-comment .concessions-list .concessions-item a, .home-concessions .comment-list .comment-item a, .home-concessions .comment-list .concessions-item a, .home-concessions .concessions-list .comment-item a, .home-concessions .concessions-list .concessions-item a { display: block; padding: 10px 50px 10px 80px; height: 62px; }
.home-comment .comment-list .comment-item img, .home-comment .comment-list .concessions-item img, .home-comment .concessions-list .comment-item img, .home-comment .concessions-list .concessions-item img, .home-concessions .comment-list .comment-item img, .home-concessions .comment-list .concessions-item img, .home-concessions .concessions-list .comment-item img, .home-concessions .concessions-list .concessions-item img { float: left; margin-left: -70px; width: 60px; height: 60px; border: 1px solid #ddd; }
.home-comment .comment-list .comment-item .arr, .home-comment .comment-list .concessions-item .arr, .home-comment .concessions-list .comment-item .arr, .home-comment .concessions-list .concessions-item .arr, .home-concessions .comment-list .comment-item .arr, .home-concessions .comment-list .concessions-item .arr, .home-concessions .concessions-list .comment-item .arr, .home-concessions .concessions-list .concessions-item .arr { float: right; margin-right: -30px; margin-top: 30px; }
.home-comment .comment-list .comment-item em, .home-comment .comment-list .concessions-item em, .home-comment .concessions-list .comment-item em, .home-comment .concessions-list .concessions-item em, .home-concessions .comment-list .comment-item em, .home-concessions .comment-list .concessions-item em, .home-concessions .concessions-list .comment-item em, .home-concessions .concessions-list .concessions-item em { display: block; height: 18px; line-height: 18px; overflow: hidden; }
.home-comment .comment-list .comment-item span, .home-comment .comment-list .concessions-item span, .home-comment .concessions-list .comment-item span, .home-comment .concessions-list .concessions-item span, .home-concessions .comment-list .comment-item span, .home-concessions .comment-list .concessions-item span, .home-concessions .concessions-list .comment-item span, .home-concessions .concessions-list .concessions-item span { display: block; margin-top: 5px; height: 40px; line-height: 20px; overflow: hidden; color: #999; }
.home-comment .comment-list .concessions-item a, .home-comment .concessions-list .concessions-item a, .home-concessions .comment-list .concessions-item a, .home-concessions .concessions-list .concessions-item a { height: 20px; line-height: 20px; }
.home-comment .comment-list .concessions-item .arr, .home-comment .concessions-list .concessions-item .arr, .home-concessions .comment-list .concessions-item .arr, .home-concessions .concessions-list .concessions-item .arr { margin-top: 10px; }
.home-comment .comment-list .concessions-item span, .home-comment .concessions-list .concessions-item span, .home-concessions .comment-list .concessions-item span, .home-concessions .concessions-list .concessions-item span { float: left; margin-top: 0; margin-left: -70px; width: 60px; height: 20px; text-align: center; color: #FFF; background: #F8AB31; }

.home-cate { border-top: 2px solid #BFBFBF; }
.home-cate .more { position: absolute; right: 0; padding-right: 20px; }
.home-cate .title { position: relative; height: 37px; line-height: 37px; font-weight: bold; }
.home-cate .title .arr { position: absolute; top: 50%; right: 10px; margin-top: -3px; }
.home-cate .content { padding-bottom: 10px; }
.home-cate .content .item { width: 300px; height: 31px; position: relative; overflow: hidden; }
.home-cate .content .item a { float: left; width: 64px; height: 30px; line-height: 30px; position: relative; overflow: hidden; text-align: center; margin-bottom: 1px; color: #FFFFFF; background-color: #484848; }
.home-cate .content .item a .arr { position: absolute; top: 50%; right: -3px; margin-top: -3px; border-color: #FFFFFF; background-color: #FFFFFF; }
.home-cate .content .item .cate { float: left; margin: 0 0 1px 1px; width: 235px; height: 30px; line-height: 30px; overflow: hidden; text-align: center; background-color: #E7E7E7; }
.home-cate .content .item .cate span { display: block; height: 30px; }
.home-cate .content .item .cate a { border-right: 1px solid #fff; width: 46.2px; height: 30px; line-height: 30px; color: #333; background: transparent; }

.goods-cate { border-top: 2px solid #BFBFBF; }
.goods-cate .title { position: relative; height: 37px; line-height: 37px; font-weight: bold; }
.goods-cate .title .arr { position: absolute; top: 50%; right: 10px; margin-top: -3px; }
.goods-cate .title .more { position: absolute; right: 0; padding-right: 20px; }
.goods-cate .content { padding-bottom: 10px; border-top: 1px solid #E7E7E7; }
.goods-cate .content .item { width: 300px; position: relative; overflow: hidden; }
.goods-cate .content .item > a { display: block; line-height: 30px; font-weight: bold; border: 1px solid #E7E7E7; border-top: 0; text-align: center; background-color: #F3F3F3; }
.goods-cate .content .item .cate { text-align: center; line-height: 30px; border-left: 1px solid #E7E7E7; overflow: hidden; }
.goods-cate .content .item .cate a { display: block; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 33.33333%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-right: 1px solid #E7E7E7; border-bottom: 1px solid #E7E7E7; }
.goods-cate .content .item .cate .more { background-color: #F9F9F9; }

.home-cate-pt { background-color: #BFBFBF; padding-bottom: 1px; }
.home-cate-pt .cate-name { float: left; color: #FFFFFF; font-size: 16px; width: 78px; height: 60px; line-height: 30px; margin-right: 1px; padding: 21px 10px 20px; }
.home-cate-pt .cate-top { display: block; float: left; color: #FFFFFF; font-size: 20px; width: 99px; height: 100px; overflow: hidden; text-align: center; display: table-cell; vertical-align: middle; background-color: #FFFFFF; margin-right: 1px; margin-top: 1px; }
.home-cate-pt .cate-top img { max-width: 99px; max-height: 100px; vertical-align: middle; }
.home-cate-pt .cate-rank { display: block; float: left; color: #FFFFFF; font-size: 20px; width: 74px; height: 75px; overflow: hidden; text-align: center; display: table-cell; vertical-align: middle; background-color: #FFFFFF; margin-right: 1px; margin-top: 1px; }
.home-cate-pt .cate-rank img { max-width: 74px; max-height: 75px; vertical-align: middle; }
.home-cate-pt .cate-rank:nth-child(4n+0) { width: 73px; height: 75px; overflow: hidden; text-align: center; display: table-cell; vertical-align: middle; margin-left: 1px; }
.home-cate-pt .cate-rank:nth-child(4n+0) img { max-width: 73px; max-height: 75px; vertical-align: middle; }
.home-cate-pt .floor1 { background-color: #91DB6D; }
.home-cate-pt .floor2 { background-color: #8AC5EA; }

.w-article .title { position: relative; height: 37px; line-height: 37px; }
.w-article .title:after { content: '\0020'; display: block; position: absolute; top: 50%; right: 10px; margin-top: -3px; width: 5px; height: 5px; border-top: 2px solid #666666; border-right: 2px solid #666666; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.w-article .title a { font-size: 1em; font-weight: bold; display: block; }
.w-article li { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.w-article li a { display: block; line-height: 2.5; }

.hide{display: none}
#success.msg{display: none}
.swiper-slide img{width: 100%}
/*===首页 end===*/


/*customize css*/
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.pt-item{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.bg{background: #f0f3f5;}
body{ padding-bottom: 40px;padding-top:48px;}
.page{width: 100% !important; padding: 0 !important;}
@media (min-width: 992px) {
    .page{width: 768px !important; padding: 0 !important;}
}
@media (max-width: 990px) {
    .page{width: 100% !important; padding: 0 !important;}
}
.w {
    background-color: #FFFFFF;
    width: 100%;
}
.top .top-nav {
    margin-top: 10px;
    overflow: hidden;
    width: 100%;
}
.top .top-nav img {
    height: 60px;
}
.top .top-nav a {
    width: 25%;
    text-decoration: none;
    height: 100px;
    text-align: center;
    float: left;
    margin-top: 10px;
}
.top .top-nav a span {
    width: 100%;
    line-height: 40px;
    font-size: 14px;
    color: #666666;
    font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;
    display: block;
}
.content .content-title {
    line-height: 40px;
    border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;
    width: 100%;
    height: 40px;
    overflow: hidden;
}
.floor-title{
    border-bottom: 1px solid #ddd;
}
.content .content-title span {
    float: left;
    margin-left: 10px;
    color: #000;
    font-size: 1rem;
    font-weight: bold;
}
.content .content-title em {
    float: right;
    margin-right: 10px;
    font-size: 12px;
    font-style: normal;
    color: #666666;
}
.content .content-title a {
    color: #666666;
    text-decoration: none;
    font-weight: bold;
}
.hot{
    display: inline-block;
    width: 40px;
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    color: #FFF;
    border-radius: 3px;
    background-color: #e51934;
    margin-right: 3px;
}

.content.b .content-title{background: #fff}

.mt-sm{margin-top: 10px;}
/*.form .c-g{height: 32px !important;line-height: 32px !important; padding: 0 !important;}*/



.category-wrap{overflow: hidden}
.category-wrap.tab .trigger-list{width: 30% !important; float: left !important;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;display:block !important;padding-bottom: 20px;}
.category-wrap.tab .panel-list{padding-left: 2px; float: left; width: 70%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.category-wrap.tab .trigger{border-top:none !important;  border-bottom: 1px solid #e5e5e5 !important; border-right: 1px solid #e5e5e5 !important; cursor: pointer; background: #fff !important;
    font-size: 12px;font-weight: bold; height: 50px !important; line-height: 50px !important; padding-left:6%; text-align: left !important;}
.category-wrap.tab .trigger.act{border-top:none !important;border-bottom: 1px solid #e5e5e5 !important; border-left:2px solid #ee0230 !important; border-right-color:#e5e5e5;
    background: #f2f2f2 !important; color: #e6223c !important;}
.category-wrap.tab .content-title {  height: 40px; line-height: 40px; width: 100%;}
.category-wrap.tab .content-title  span{color: #e6223c}

.nav-rf-content .product-list{overflow: hidden}
.nav-rf-content .product-list .product{float: left; width: 33.3333%; padding: 5px; margin-bottom: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.nav-rf-content .product-list .product img{width: 100%}
.nav-rf-content .product-list .product .product-title{text-align: center; padding: 5px 0}
.nav-rf-content .product-list .product .product-title h4{font-weight: normal; font-size: 12px;}

.footer1{background: url("../img/footer1.png") no-repeat center; display:inline-block; width: 24px; height: 24px; background-size: cover}
.footer01{background: url("../img/footer01.png") no-repeat center; display:inline-block; width: 24px; height: 24px; background-size: cover}
.footer2{background: url("../img/footer2.png") no-repeat center; display:inline-block; width: 24px; height: 24px; background-size: cover}
.footer02{background: url("../img/footer02.png") no-repeat center; display:inline-block; width: 24px; height: 24px; background-size: cover}
.footer3{background: url("../img/footer3.png") no-repeat center; display:inline-block; width: 24px; height: 24px; background-size: cover}
.footer03{background: url("../img/footer03.png") no-repeat center; display:inline-block; width: 24px; height: 24px; background-size: cover}
.footer4{background: url("../img/footer4.png") no-repeat center; display:inline-block; width: 24px; height: 24px; background-size: cover}
.footer04{background: url("../img/footer04.png") no-repeat center; display:inline-block; width: 24px; height: 24px; background-size: cover}
.footer5{background: url("../img/footer5.png") no-repeat center; display:inline-block; width: 24px; height: 24px; background-size: cover}
.footer05{background: url("../img/footer05.png") no-repeat center; display:inline-block; width: 24px; height: 24px; background-size: cover}
.item3-cartnum{
    line-height: 20px;
    width: 20px;
    height: 20px;
    color: white;
    position: absolute;
    bottom: 35px;
    background: red;
    border-radius: 50%;
    left: 46%;
    pointer-events: none;
}
